*{padding:0;margin:0;text-decoration: none;list-style: none;font-family: "微软雅黑"}
body{width: 100%;background:black;color: white}
header{width: 100%;height: 80px;background: black;}
header>div{width: 1300px;margin: 0 auto;}
header>div>ul{float: right;position: relative;background: none;margin-right: 30px;}
header>div>ul>li{float: left;}
header>div>.ct{display: none;}
header>div>form{display: none;}
.on {font-weight: bold;}
header>div>ul>li>a{display: inline-block;color: white;padding: 30px;transition: all 0.5s;position: relative;z-index: 99;}
header>div>ul>li>a:hover{transform: scale(1.1);font-weight:bold;color:black;}
.black{display: block;position: absolute;width: 110px;height: 60px;background:#FBCC0A;left:100px;transition: all 0.5s;border-radius: 10px;top:10px;}
header>div>ul>li:nth-child(1):hover~ .black{left:7px;width: 80px;width: 80px}
header>div>ul>li:nth-child(2):hover~ .black{left:100px;width: 110px;}
header>div>ul>li:nth-child(3):hover~ .black{left:220px;width: 110px;}
header>div>ul>li:nth-child(4):hover~ .black{left:345px;width: 110px;}
header>div>ul>li:nth-child(5):hover~ .black{left:470px;width: 110px;}
header>div>ul>li:nth-child(6):hover~ .black{left:595px;width: 110px;}
section{width: 1300px;margin: 0 auto;}
section>div{width: 1300px;margin: 0 auto;}
section>div>.left{width: 33%;float: left;}
section>div .box1{width: 415px;height: 300px;overflow: hidden;margin-top: 5px;position: relative;}
section div .box1 ul{position:relative;width: 10000px;}
section div .box1 ul li{width: 415px;height: 300px;float:left;display: inline-block;}
section div .box1 ul li img{width: 415px;height: 300px;transition: all 1s;}

section div .box1 > div{width: 415px;height: 300px;background:rgba(0,0,0,0.6);position: absolute;left:-415px;top:0;z-index: 99999;transition: all 0.5s;font-size: 12px;}
section div .box1 > div p{height: 30px;line-height: 30px;width: 80%;margin: 10px auto;}
section div .box1 > div p span{float: right;}
section div .box1 > div p a{color:white;font-size:14px;width: 80px;height: 30px;line-height:30px;background:orange;border-radius: 5px;display: block;text-align:center;margin: 20px auto;font-weight: bold;}

section>div .box2{margin-top: 5px;width:205px;height: 147px;;float: left;margin-right: 5px;overflow:hidden; }
section div .box2 ul{position:relative;height: 10000px}
section div .box2 ul li img{width: 205px;height: 147px; }
section>div .box3{margin-top: 5px;width:205px;height: 147px;;float: left;overflow: hidden;}
section div .box3 ul{position:relative;height: 10000px;top:-455px;}
section div .box3 ul li img{width: 205px;height: 147px;}
section div>.mid {width: 33%;float: left;margin-left: -10px;}
section>div .box4{margin-top: 5px;width:205px;height: 147px;;float: left; margin-right: 5px;overflow:hidden;margin-bottom: 5px;}
section div .box4 ul{position:relative;height: 10000px;top:0;}
section div .box4 ul li img{width: 205px;height: 147px;}
section>div .box5{margin-top: 5px;width:205px;height: 147px;;float: left;overflow:hidden;}
section div .box5 ul{position:relative;height: 10000px;top:0;}
section div .box5 ul li img{width: 205px;height: 147px;}
section>div .box6{width: 415px;height: 300px;overflow: hidden;position: relative;}
section div .box6 ul{position:relative;width: 10000px}
section div .box6 ul li{width: 415px;height: 300px;float:left;display: inline-block;}
section div .box6 ul li img{width: 415px;height: 300px;}
section div .box6 > div{width: 415px;height: 300px;background:rgba(0,0,0,0.6);position: absolute;left:-415px;top:0;z-index: 99999;transition: all 0.5s;font-size: 12px;}
section div .box6 > div p{height: 30px;line-height: 30px;width: 80%;margin: 10px auto;}
section div .box6 > div p span{float: right;}
section div .box6 > div p a{color:white;font-size:14px;width: 80px;height: 30px;line-height:30px;background:orange;border-radius: 5px;display: block;text-align:center;margin: 20px auto;font-weight: bold;}
section div>.right {width: 33%;float: left;margin-left: -10px;}
section>div .box7{width: 415px;height: 300px;;margin-top: 5px;overflow: hidden;position: relative;}
section div .box7 ul{position:relative;width: 10000px}
section div .box7 ul li{width: 415px;height: 300px;float:left;display: inline-block;}
section div .box7 ul li img{width: 415px;height: 300px;}
section div .box7 > div{width: 415px;height: 300px;background:rgba(0,0,0,0.6);position: absolute;left:-415px;top:0;z-index: 99999;transition: all 0.5s;font-size: 12px;}
section div .box7 > div p{height: 30px;line-height: 30px;width: 80%;margin: 10px auto;}
section div .box7 > div p span{float: right;}
section div .box7 > div p a{color:white;font-size:14px;width: 80px;height: 30px;line-height:30px;background:orange;border-radius: 5px;display: block;text-align:center;margin: 20px auto;font-weight: bold;}
section>div .box8{margin-top: 5px;width:205px;height: 147px;;float: left;margin-right: 5px; overflow: hidden; }
section div .box8 ul{position:relative;height: 10000px}
section div .box8 ul li img{width: 205px;height: 147px;}
section>div .box9{margin-top: 5px;width:205px;height: 147px;;float: left;overflow: hidden; }
section div .box9 ul{position:relative;height: 10000px;top:-455px;;}
section div .box9 ul li img{width: 205px;height: 147px;}
nav{width: 1300px;height:60px;margin:0 auto;}
nav>ul{float: left;}
nav>ul>li{float: left;}
nav>ul>li>a{color:white;padding: 18px 20px;display: block;font-weight: bold;}
nav>form{float: left;margin-left: 30px;}
nav>form>input[type=text]{height: 30px;width: 200px;margin-top: 10px;text-indent: 20px;border:none;}
nav>form>input[type=button]{background: url(../images/search-btn.png)white no-repeat center center;width: 30px;height: 30px;border:none;margin-left: -5px;cursor:pointer;vertical-align: bottom;}
article{width: 1300px;height:400px;margin:0px auto;clear:both;padding: 20px 0;}
article>ul{overflow: auto;margin: 10px auto;}
article>ul>li{float: left;width: 200px;height: 30px;line-height: 30px;margin-right: 20px;border-bottom: 3px solid #868a8a;cursor: pointer;}
article>ul>li:hover{color:orange;border-bottom: 3px solid orange;}
.orange{color:orange;border-bottom: 3px solid orange;}
article>.tabs{width: 100%;height:329px;overflow: hidden;}
article>.tabs>div{overflow: auto;}
article>.tabs>div>img{float: left;margin-right: 30px;}
article>.tabs>div>h1{margin: 10px 0;}
article>.tabs>div>p{line-height: 30px;}
article>.tabs>div>a{color:white;background: orange;border-radius:5px;width: 80px;height: 30px;line-height:30px;text-align:center;display:inline-block;margin: 10px 0;}
footer{width: 1300px;background:black;font-size:12px;margin: 0px auto;}
footer nav{width:500px;margin:20px auto;}
footer nav ul li{text-align: center;line-height: 30px;height: 30px;color:#4a4a4a;width: 100%}

